@import  "../../../styles/_commonColor.scss";
$unableColor:#E9E9E9;
//FooterAlert组件
.btn{
  width: 100%;
  height: 84px;
  line-height: 84px;
  text-align: center;
  color: #fff;
  background: $blue;
  font-size: 34px;
  border-radius: 5px;
  border: solid 1PX $blue;
}

.unable{
  border: solid 1PX $unableColor;
  background: $unableColor;
}

.footerAlert{
  background: #fff;
  overflow: hidden;
  *{
    font-family: 'PingFangSC-Regular';
  }
  .header{
    position: relative;
    padding: 20px 44px 0;
    height: 102px;
    span{
      font-size: 28px;
      color: #1A1A1A;
      line-height:82px;
    }
  }
  .top{
    padding: 0 44px;
    p{
      font-size: 24px;
      line-height: 42px;
      color: #6a6a6a;

      &.red{
        color: $warningRed;
        padding-bottom: 40px;
      }
    }
    &:after{
      content:'';
      display: block;
      height: 1PX;
      width: 100%;
      background: #dedede;
    }
  }
  .carInfo{
    padding: 92px 44px 70px 44px;
    overflow: hidden;
    .fl{
      float: left;
      .carNum{
        padding-left: 42px;
        background: url('./images/icon_brand.png') no-repeat left center scroll;
        background-size: 36px 40px;
        font-size: 44px;
        height: 60px;
        color:#767676;
      }
      p{
        padding-top: 8px;
        font-size: 28px;
        line-height: normal;
        color: #ababab;
      }
    }
    .day{
      float: right;
      position: relative;
      font-size: 28px;
      line-height: 108px;
      height: 108px;
      overflow: hidden;
      color: #a3a3a3;
      text-align: right;
      span{
        color: $blue;
        font-size: 108px;
      }
    }
  }
  .textAndBtn{
    padding: 0 44px;
    p{
      color: #1A1A1A;
      font-size: 24px;
      line-height: 56px;
    }
    button{
      padding: 0;
      float: right;
      display: inline-block;
      width: 180px;
      height: 56px;
      text-align: center;
      color: $blue;
      font-size: 28px;
      border: 1PX solid $blue;
      border-radius:4px;
      background: transparent;
    }
    .unable{
      color: $unableColor;
      border: 1PX solid $unableColor;
    }
  }
  .footerBtn{
    padding: 30px 30px 30px;
    button{
      border-radius:6px;
    }
  }
}

//关闭图标
.closeIcon{
  position: absolute;
  right: 30px;
  top: 30px;
  width: 58px;
  height: 58px;
  display: block;
  background: url('./images/icon-close.png') no-repeat center center scroll;
  background-size: 58px;
}
